<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:p="http://primefaces.org/ui">

<h:head>
</h:head>

<h:body>
	<f:facet name="last">
		<h:outputStylesheet library="css" name="bmiCalculator.css" />
	</f:facet>
	<p:fieldset legend="BMI kalkulátor">
		<h:form id="bmiForm">
			<h:panelGroup layout="block" id="bmiDiv">
				<p:commandButton value="Kitölt" id="fillButton"
					actionListener="#{bmiCalculatorBean.resetWithUserData()}"
					update="bmiDiv" process="@this" />
				<p:commandButton value="Töröl" update="bmiDiv" process="@this"
					id="clearButton" actionListener="#{bmiCalculatorBean.reset()}">
					<p:resetInput target="@form" />
				</p:commandButton>
				<h:panelGrid columns="3" id="bmiFormTable">
					<p:outputLabel value="Súly" for="weightInput" />
					<pe:inputNumber id="weightInput"
						value="#{bmiCalculatorBean.weight}" decimalPlaces="0"
						maxValue="300" symbol=" kg" symbolPosition="s" />
					<p:message for="weightInput" />

					<p:outputLabel value="Magasság" for="heightInput" />
					<pe:inputNumber id="heightInput"
						value="#{bmiCalculatorBean.height}" decimalPlaces="0"
						maxValue="250" symbol=" cm" symbolPosition="s" />
					<p:message for="heightInput" />

					<h:outputLabel value="Nem" for="gender" />
					<p:selectOneRadio id="gender" style="width: 200px;"
						value="#{bmiCalculatorBean.gender}">
						<f:selectItems value="#{enumService.getGenderValues()}" var="g"
							itemValue="#{g}" itemLabel="#{g.toString()}" />
					</p:selectOneRadio>
					<p:message for="gender" />

					<h:outputLabel for="ageInput" value="Kor:" />
					<pe:inputNumber id="ageInput" value="#{bmiCalculatorBean.age}"
						decimalPlaces="0" maxValue="100" symbol=" év" symbolPosition="s" />
					<p:message for="ageInput" />
				</h:panelGrid>
				<p:commandButton update="@form" value="Számol"
					action="#{bmiCalculatorBean.calculate()}" id="calculateButton" />
				<p:defaultCommand target="calculateButton" />
			</h:panelGroup>
			<h:panelGroup layout="block" id="bmiDivEast">
				<div>
					<h:outputText styleClass="result"
						value="#{bmiCalculatorBean.result}">
						<f:convertNumber minFractionDigits="0" maxFractionDigits="0" />
					</h:outputText>
				</div>
			</h:panelGroup>
		</h:form>

		<h:panelGroup layout="block" id="bmiDetails">
			<h1>Testtömegindex kiszámítása - BMI kalkulátor</h1>
			<h2>Az kiszámított érték jelentése</h2>
			<span>
				<table id="detailsTable">
					<tr>
						<td>19 alatt</td>
						<td>
							<h3>SOVÁNYSÁG</h3> <span>Testmagasságához képest az Ön
								súlya túl alacsony. A kóros soványság mind férfiak, mind nők
								esetében bizonyos betegségek rizikófaktora lehet. Ellenőriztesse
								orvosával vagy dietetikusával, hogy jelenlegi testsúlya
								megfelelő-e.</span>
						</td>
					</tr>
					<tr>
						<td>20 - 25</td>
						<td>
							<h3>ELFOGADHATÓ</h3> <span>Testmagasságához pont megfelel
								a testsúlya.</span>
						</td>
					</tr>
					<tr>
						<td>26 - 30</td>
						<td>
							<h3>TÚLSÚLYOS</h3> <span>Testmagasságához képest Ön
								túlsúlyos. Ez bizonyos egészségügyi problémák okozója lehet,
								ezért javasolt, hogy testsúlyát kissé csökkentse.</span>
						</td>
					</tr>
					<tr>
						<td>31 +</td>
						<td>
							<h3>ELHÍZOTT</h3> <span>Testmagasságához képest Ön
								kifejezetten túlsúlyos. Ez akár súlyos betegségek okozója is
								lehet, ezért feltétlenül ajánlott, hogy felkeresse orvosát, és
								testsúlyát az egészséges értékre csökkentse.</span>
						</td>
					</tr>
				</table>
			</span>
			<h2>BMI táblázat - Mit árul el a testtömegindex?</h2>
			<span class="text"> A testtömegindex (angolul: Body Mass Index
				= BMI) a leginkább alkalmazott nemzetközi arányszám a fizikai
				kondíció felmérésére. A BMI kalkulátor segít meghatározni, ki milyen
				állapotban van fizikailag; túlzottan sovány, normál testalkatú vagy
				túlsúlyos. A BMI táblázat jelenleg a legmegbízhatóbb számítási mód a
				táplálkozástudománnyal foglalkozó szakemberek körében. </span>
			<h2>A testtömegindex kiszámításának képlete - BMI képlet</h2>
			<span class="text"> A testtömegindex kiszámításának képlete: A
				BMI-vel nem lehet különbséget tenni a zsír- és izomtömeg között,
				ezért ez nem ad információt a testfelépítésre és a test
				zsírtartalmára vonatkozóan. Egy élsportoló nagy izomtömeggel
				elérheti a 25-ös BMI értéket is, anélkül, hogy a testén zsírfelesleg
				lenne. Ha a BMI érték eléri a túlsúlyos tartományt (25-29,9),
				orvosnak kell megállapítania, hogy valódi túlslyról van-e szó. 30
				feletti BMI érték mindenképp túlsúlyt jelez, és valószínűsíti az
				elhízást, de ez a testfelépítéstől is függ. Ilyenkor mindenképp
				orvosi konzultációra van szükség. </span>
		</h:panelGroup>
	</p:fieldset>
</h:body>
</html>